<template>
	<view class="tabs">
		<view class="tab">
			<!-- <text class="iconfont icon-liebiao"></text> -->
			<image src="../static/images/liebiao.png" mode=""></image>
		</view>
		<view class="tab" @click="toHome">
			<!-- <text class="iconfont icon-shouye1"></text> -->
			<image src="../static/images/home.png" mode=""></image>
		</view>
		<view class="tab" @click="toComp">
			<!-- <text class="iconfont icon-qiye"></text> -->
			<image src="../static/images/qiye.png" mode=""></image>
		</view>
		
		<view class="tab" @click="toVideo">
			<!-- <text class="iconfont icon-jiankong"></text> -->
			<image src="../static/images/video.png" mode=""></image>
		</view>
		<view class="tab" @click="toStatistic">
			<!-- <text class="iconfont icon-tubiao"></text> -->
			<image src="../static/images/tubiao.png" mode=""></image>
		</view>
		<view class="tab" @click="toPersonal">
			<!-- <text class="iconfont icon-tubiao"></text> -->
			<image src="../static/images/yuan.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			// toIndex(){
			// 	console.log('首页')
			// 	uni.redirectTo({
			// 		url:'/pages/search/search'
			// 	})
			// },
			toHome(){
				uni.redirectTo({
					url:'/pages/home/home'
				})
			},
			toVideo(){
				uni.redirectTo({
					url:'/pages/index/index'
				})
			},
			toStatistic(){
				uni.redirectTo({
					url:'/pages/statistic/statistic'
				})
			},
			toComp(){
				uni.redirectTo({
					url:'/pages/compony/compony1'
				})
			},
			toPersonal(){
				uni.redirectTo({
					url:'/pages/personal/personal'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.tabs{
		display: flex;
		flex-direction: column;
		width: 60px;
		// height: calc(100vh - var(--status-bar-height));
		height: 100%;
		background-color: #165DAC;
		.tab{
			display: flex;
			flex:1;
			justify-content: center;
			align-items: center;
			// text{
			// 	font-size: 24px;
			// 	color: white;
			// }
			image{
				width: 22px;
				height: 22px;
			}
		}
	}
</style>
